@import url('../../style.less');
.btn{
	position: absolute;
	background-color: royalblue;
	color: white;
	margin-left: 500rpx;
	margin-top: 25rpx;
}
.loading{
	width: 810rpx;
	height: 1512rpx;
}
.page {
	padding: 35rpx;
}
.img-box {
	text-align: center;
}
.img {
	margin-top: 20px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.background {
	width: 100%;
	position: absolute;
	// background-size: 100% 100%;
	z-index: -1;
}
.text1{
	position: absolute;
	margin-top: 220rpx;
	margin-left: 310rpx;
	color: #f5f5f5;
}
.text2{
	position: absolute;
	margin-top: 260rpx;
	margin-left: 310rpx;
	color: #f5f5f5;
}
.user-info {
	
	// margin-top: 50rpx;
	padding-bottom: 20rpx;
	.border-outer {
		margin-left: 48rpx;
		// width: 320rpx;
		// height: 320rpx;
		// background-color: #fbe3e1;
		// display: flex;
		// justify-content: center;
		// align-items: center;
		// border-radius: 160rpx;
		// margin-left: auto;
		// margin-right: auto;
		// margin-bottom: 40rpx;
		.border-inner {
			width: 180rpx;
			height: 180rpx;
			// background-color: #f5b8b4;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 340rpx;
			.photo {
				margin-top: 280rpx;
				width: 170rpx;
				height: 170rpx;
				border-radius: 140rpx;
				display: block;
				border: solid 8rpx royalblue;
			}
		}
	}
	.summary {
		margin-top: 300rpx;
		display: flex;
		justify-content: space-between;
		background-color: #f5f5f5;
		color: #333;
		padding: 15rpx 0;
		view {
			text-align: center;
			flex-grow: 1;
			flex-shrink: 1;
			&:nth-child(2) {
				border-left: solid 1rpx #e0e0e0;
				border-right: solid 1rpx #e0e0e0;
			}
			.title {
				display: block;
				color: #999;
				font-size: 28rpx;
				margin-bottom: 10rpx;
			}
			.value {
				display: block;
				color: #333;
				font-size: 32rpx;
			}
		}
	}
}
.list-title {
	margin-top: 35rpx;
	margin-bottom: 35rpx;
	font-size: 32rpx;
	font-weight: bold;
	color: @background-color;
	border-left: solid 15rpx @background-color;
	padding-left: 20rpx;
}
